/* الوضع العادي */
body {
  background: #ffffff;
  color: #222;
}

/* الوضع المظلم */
body.dark {
  background: #121212;
  color: #eee;
}

/* الوضع العادي */
.category-card {
  background: #ffffff;
  color: #222;
  transition: 0.3s;
}

/* الوضع المظلم */
body.dark .category-card {
  background: #1e1e1e;
  color: #eee;
  border: 1px solid #333;
}

/* فقط في الوضع المظلم */

body.dark h2,
body.dark h2,
body.dark h3,
body.dark h5,
body.dark h6,
body.dark p {
  color: #ffffff;
}

/* الوضع المظلم */
body.dark .main-title {
  color: #ffffff;
}
/* في الوضع المظلم */
body.dark .main-title::after {
  background: #ffffff;
}

/* في الوضع المظلم */
body.dark .cards .card {
  box-shadow: none;
}

/* في الوضع المظلم */
body.dark .card {
  background: #c3cdf1;
}

/* الوضع المظلم */
body.dark .steps-container {
  background: #000; /* خلفية سوداء */
}

body.dark .steps-container .step-desc {
  color: #ffffff; /* كتابة بيضاء */
}

/* في الوضع المظلم */
body.dark .main-header {
  background: #142f4a;
}
body.dark .desktop-header {
  background: #142f4a;
}

/* في الوضع المظلم */
body.dark .burger-btn {
  color: #ffffff;
}
/* في الوضع المظلم */
body.dark .phone-icon i,
body.dark #cart-btn i,
body.dark .cart-btn-mobile i {
  color: #ffffff;
}
/* في الوضع المظلم */
body.dark .side-menu {
  background: #031363;
}
body.dark .side-menu a {
  color: #ffffff;
}
body.dark .close-menu {
    color: white;
}
body.dark .pr1 {
    color: rgb(0, 0, 0);
}
body.dark .product-name-display {
    color: rgb(255, 255, 255);
}
body.dark .mega-header {
    background: #130f4b;
}
body.dark .store-title {
    color:rgb(255, 255, 255);
}
body.dark .phone-icon i, body.dark #cart-btn i {
    color:#031363;
}

body.dark #cart-items {
    background:rgb(0, 0, 0);
}
body.dark .cart-item {
    background:#c3cdf1;
}
body.dark #cart-total {
    background:black;
    color:rgb(255, 255, 255);
}
body.dark #cart-sidebar {
    background:black;

}
body.dark .form-side {
    background:black;

}
body.dark .input-group input {
    background:black;

}
body.dark #location, #deliveryMethod{
    background:black;
    color: rgb(159, 159, 159);

}
body.dark #deliveryMethod{
    background:black;
    color: rgb(159, 159, 159);
}
body.dark #بلدية{
    background:black;
    color: rgb(159, 159, 159);
}
body.dark .summary{
    background:black;
    color: rgb(255, 255, 255);
}
body.dark .header-link{
    color: rgb(255, 255, 255);
}
body.dark .summary span{
    color: rgb(255, 255, 255);
}

body.dark .cart-line > div:first-of-type > div:first-child{
    color: rgb(255, 255, 255);
}